
$primary-color: #FF8104;

#app {
  background-color: #F4F4F4;
  color: #1C2023;
}
.w-100{
  width:100%;
}

.h-100{
  height:100%;
}

.h-100vh{
  height:100vh;
}

.flex-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-a {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex-c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexC {
  display: flex;
  align-items: center;
}

.flexD-c {
  display: flex;
  flex-direction: column;
  align-items: center
}

.flex {
  display: flex;
}

.text-over2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-over1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.required:before {
  content: '*';
  color: #EF7D1A;
}


.mainBtn {
  font-size: 30rpx;
  color: #FFFFFF;
  padding: 25rpx 0;
  background-color: #FF8104;
  border: 2rpx solid #FF8104;
  right: 60rpx;
  border-radius: 55rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.greyBtn {
  font-size: 30rpx;
  color: #333333;
  padding: 25rpx 0;
  border: 2rpx solid #999999;
  right: 60rpx;
  border-radius: 55rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}




